<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8' />
    <title>天天抽奖</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="format-detection" content="address=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <!--<link href="http://d.img.66xiaoqu.com/app/css/common.css" rel="stylesheet" type="text/css" />
    <link href="http://d.img.66xiaoqu.com/app/css/tip.css" rel="stylesheet" type="text/css" />
    <link href="http://d.img.66xiaoqu.com/app/css/roundLottery/index.css" rel="stylesheet" type="text/css" />-->

    <link href="http://66xiaoqu.babytreeimg.com/app/css/common.css" rel="stylesheet" type="text/css" />
    <link href="http://66xiaoqu.babytreeimg.com/app/css/tip.css" rel="stylesheet" type="text/css" />
    <link href="http://66xiaoqu.babytreeimg.com/app/css/roundLottery/index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<style type="text/css">
    .start-loading{
        position: absolute;
        z-index: 20;
        width: 100%;
        height: 100%;
        background: #fff;
    }
    .loading{
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -75px;
        width: 150px;
        height: 15px;
    }
    .loading span{
        display: inline-block;
        width: 15px;
        height: 100%;
        margin-right: 5px;
        background: lightgreen;
        -webkit-transform-origin: right bottom;
        -webkit-animation: load 1s ease infinite;
    }
    .loading span:last-child{
        margin-right: 0px;
    }
    @-webkit-keyframes load{
        0%{
            opacity: 1;
            -webkit-transform: scale(1);
        }
        100%{
            opacity: 0;
            -webkit-transform: rotate(90deg) scale(.3);
        }
    }
    .loading span:nth-child(1){
        -webkit-animation-delay: 0.13s;
    }
    .loading span:nth-child(2){
        -webkit-animation-delay: 0.26s;
    }
    .loading span:nth-child(3){
        -webkit-animation-delay: 0.39s;
    }
    .loading span:nth-child(4){
        -webkit-animation-delay: 0.52s;
    }
    .loading span:nth-child(5){
        -webkit-animation-delay: 0.65s;
    }
</style>
<div class = "start-loading">
    <div class = "loading">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </div>
</div>

<article>
    <header>

    </header>
    <section class = "lottery-draw">
        <div data-num="7" id = "7"><span></span></div>
        <div data-num="0" id = "0" class = "lottery-selected"><span></span></div>
        <div data-num="1" id = "1"><span></span></div>
        <div data-num="2" id = "2"><span></span></div>
        <div data-num="3" id = "3"><span></span></div>
        <div data-num="4" id = "4"><span></span></div>
        <div data-num="5" id = "5"><span></span></div>
        <div data-num="6" id = "6"><span></span></div>
        <div id = "start"><i></i></div>
        <div class = "sporter" id = "sporter"></div>
    </section>

    <section class = "lottery-display">
        <div class = "time"><i></i><span id = "start_time"></span></div>
        <div class = "list-area">
            <div class = "list-title"><i></i><span></span><i></i></div>
            <div class = "lottery-list" id = "lottery_list">
                <div>
                    <ul id = "lot_list">

                    </ul>
                </div>
            </div>
            <div class = "clear"></div>
            <div class = "look-list" id = "look_list"><span id = "my_reward">我的中奖记录</span><span id = "reward_list">查看中奖名单</span></div>
            <footer><span>66小区保留最终活动解释权</span></footer>
        </div>
    </section>
</article>
<div id = "mask" class = "mask"></div>
</body>
<!--<script type="text/javascript" src="http://d.img.66xiaoqu.com/app/js/lib/zepto.js"></script>
<script type="text/javascript" src="http://d.img.66xiaoqu.com/app/js/lib/iscroll.js"></script>
<script type="text/javascript" src="http://d.img.66xiaoqu.com/app/js/controller/common.js"></script>
<script type="text/javascript" src="http://d.img.66xiaoqu.com/app/js/controller/tip.js"></script>
<script type="text/javascript" src="http://d.img.66xiaoqu.com/app/js/roundLottery/index.js"></script>-->

<script type="text/javascript" src="http://66xiaoqu.babytreeimg.com/app/js/lib/zepto.js"></script>
<script type="text/javascript" src="http://66xiaoqu.babytreeimg.com/app/js/lib/iscroll.js"></script>
<script type="text/javascript" src="http://66xiaoqu.babytreeimg.com/app/js/controller/common.js"></script>
<script type="text/javascript" src="http://66xiaoqu.babytreeimg.com/app/js/controller/tip.js"></script>
<script type="text/javascript" src="http://66xiaoqu.babytreeimg.com/app/js/roundLottery/index.js"></script>

</html>